<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" type="text/css">
		<link href="css/load.css" rel="stylesheet" type="text/css">
		<link href="css/icons-extra.css" rel="stylesheet" type="text/css">
		<script src="http://g.alicdn.com/dingding/dingtalk-jsapi/2.0.83/dingtalk.open.js"></script>
		<style>
			.mui-icon-extra{vertical-align: middle;font-size:20px;margin-right:8px:}
			.mui-checkbox input[type=checkbox]:checked:before,
			.mui-radio input[type=radio]:checked:before {
				color: #F25745
			}
			.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{right:10px;top:10px}
			.mui-table-view-cell span {
				position: absolute;
				right: 10px
			}
			#sm img{width:24px;vertical-align: middle;}
			#sm{
				display: block;
				width: 70%;
				margin: 15px auto;
				height: 35px;
				line-height: 35px;
				text-align: center;
				font-size:16px;
				color: white;
				background: #F25745;
				border-radius: 15px;
			}	
			
			.mui-input-row label~input, .mui-input-row label~select, .mui-input-row label~textarea{width:70%}
			.mui-input-row label{width:30%;padding:11px 0px;padding-left:15px}
			.jp .mui-input-row label{width:50%}
			.jp .mui-checkbox{width:50%;float:left;height:50px;line-height:15px;border-bottom: 1px #ECECEC solid;box-sizing: border-box;padding-left:10px;font-size:14px}
			.jp .mui-checkbox label{margin:5px 0;height:100%;padding-right:40px}
			.jp .mui-checkbox:nth-child(even){border-left:1px #ECECEC solid}
		</style>
		<title>营销任务登记</title>
	</head>

	<body style="height:100%">
		<div class="mui-content">
			
			<div class="mui-card">				
				<form class="mui-input-group">					
					<div class="mui-input-row">
						<label>客户姓名:</label>
						<input type="text" placeholder="请输入客户姓名" id="name" class="mui-input-clear">
					</div>
					
					<div class="mui-input-row">
						<label>身份证号:</label>
						<input type="text" placeholder="请输入客户身份证号" id="sfzh" class="mui-input-clear">
					</div>	
					<div class="mui-input-row" >
						<label>优&nbsp;惠&nbsp;券:</label>
						<select class="mui-select" id="jp"></select>
					</div>
					<div class="mui-input-row">
						<label>奖品数量:</label>
						<input type="number" placeholder="请输入奖品数量" id="num" class="mui-input-clear">
					</div>	
				</form>
			</div>
			
			
			
			
			<span class="mui-btn mui-btn-block" style="width:90%;border-radius: 10px;padding:5px 0;margin:20px auto;background:#F25745;color:#fff" id="tj"><i class="mui-icon-extra mui-icon-extra-topic" style="margin-right:8px"></i>提交信息</span>
		</div>
		<script src="js/jquery-1.11.1.js"></script>
		<script src="js/base.js"></script>
		<script type="text/javascript" src="js/base64.min.js"></script>
		<script type="text/javascript" src="js/mui.min.js"></script>
		<script src="js/importJs.js"></script>
		<script src="js/load.js"></script>
		<script>
			mui.init();
		</script>
	</body>

</html>